﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<sec:authentication property="principal" var="currentPrincipal" scope="page"/>

<fmt:setBundle basename="ApplicationMessage"/>
<fmt:setLocale value="zh_CN"/>

<!DOCTYPE html>
<html lang="zh-CN">
<head>

  <%@ include file="/WEB-INF/include/meta.jsp" %>
  <%@ include file="/WEB-INF/include/css.jsp" %>

</head>

<body class="ms-theme-blue">

<%@ include file="/WEB-INF/include/header.jsp" %>
<%@ include file="/WEB-INF/include/submenu.jsp" %>

<div class="container-fluid ms-container has-ms-sidemenu">

  <ol class="ms-breadcrumb breadcrumb">
    <li class="active">订单管理&nbsp;-&nbsp;订单列表</li>
  </ol>
  <div class="ms-content-layout">
    <div class="x-operation-bar no-margin no-bottom-border clearfix">

      <ul class="nav nav-tabs ms-nav-tabs" role="tablist">
        <li role="presentation" class="">
          <a href="${ctx.host}/orders/aviation">编辑中</a>
        </li>
        <li role="presentation" class="">
          <a href="${ctx.host}/orders/aviation?status=UNPAID">待支付</a>
        </li>
        <li role="presentation" class="">
          <a href="${ctx.host}/orders/aviation?status=UNTICKET">待出票</a>
        </li>
        <li role="presentation" class="">
          <a href="${ctx.host}/orders/aviation?status=TICKETING">已出票</a>
        </li>
        <li role="presentation" class="active">
          <a href="${ctx.host}/orders/aviation?status=REFUND">待退款</a>
        </li>
        <li role="presentation" class="">
          <a href="${ctx.host}/orders/aviation">已取消</a>
        </li>
        <li role="presentation" class="">
          <a href="${ctx.host}/orders/aviation">已核销</a>
        </li>
      </ul>
      <div class="ms-operation-bar no-margin no-bottom-border clearfix">
        <div class="ms-operation-group">
          <div class="pull-right">
            <a href="${ctx.host}/orders/search?status=${status}" data-target="#search"
               data-toggle="modal" class="btn ms-btn ms-btn-blue"> <i
              class="glyphicon glyphicon-search"></i>&nbsp;&nbsp;过滤查询
            </a>
          </div>
        </div>
      </div>
      <table class="table table-hover ms-table">
        <thead>
	        <tr>
	          <th>订单号</th>
	          <th>第三方订单号</th>
	          <th>下单时间</th>
	          <th>航空公司（斐济、英国）</th>
	          <th>航班号</th>
	          <th>起飞/到达时间</th>
	          <th>订单金额</th>
	          <th>退款金额</th>
	          <th>客户手机</th>
	          <th>代理人</th>
	          <th class="text-center">操作</th>
	        </tr>
        </thead>
        <tbody>
          <tr>
            <td>O1564539810833</td>
            <td>21564539810833</td>
            <td>2019-07-31 10:23:31</td>
            <td>英国航空</td>
            <td>BA031</td>
            <td>
            2019-10-10 12:30<br>
						2019-10-11 12:30
						</td>
            <td>￥666.00</td>
            <td>￥666.00</td>
            <td>13621345671</td>
            <td>测试</td>
            <td class="text-center">
              <a href="${ctx.host}/orders/aviation-refund">详情</a>&nbsp;&nbsp;
              <a href="javascript:void(0);">标记已退款</a>
            </td>
          </tr>
        </tbody>
        <tfoot>
        <tr>
          <td colspan="14" class="no-vertical-padding">
            <div class="pull-left">
              <ul class="pagination ms-pagination no-margin clearfix">
				        <li><p>1/4页，共40条记录</p></li>
			          <li><a href="/fita-admin/orders?page=2"><i class="glyphicon glyphicon-chevron-right"></i></a></li>
			          <li><a href="/fita-admin/orders?page=4"><i class="glyphicon glyphicon-step-forward"></i></a></li>
			          <li>
			            <div class="paging-jump">
			              <span>跳转到</span> <input name="page" data-url="/fita-admin/orders" data-total="4" data-querystring="">
			              <button type="button" class="btn btn-default go-btn">Go</button>
			            </div>
			          </li>
				      </ul>
            </div>
          </td>
        </tr>
        </tfoot>
      </table>

    </div>
  </div>
</div>
<%@ include file="/WEB-INF/include/footer.jsp" %>
<%@ include file="/WEB-INF/include/script.jsp" %>
<d:resource type="script" root="${ctx.resource}/build"
            src="js/page/order/order-list.js"/>
<script type="text/javascript">
  require(['page/order/order-list'], function (page) {
    page.init({
      //apiHost: "${config.apiHost}"
    })
  })
</script>

</body>
</html>